<template>
  <div class="info">
    <div class="rightContent">
      <div class="Cheader">
        <span class="title">&nbsp;实名认证</span>
      </div>
      <div class="content">
        <div class="userInfo">
          <div class="leftImg">
            <img :src="userReal"/>
          </div>
          <div class="righrUser">
            <div class="userContent">
              <span><img :src="wsz"/></span>
              <span>您尚未进行实名认证</span>
              <span class="yrz">去实名认证></span>
            </div>
            <div class="userContent">
              <span style="padding-left: 36px">真实姓名：</span>
              <span><el-button type="primary" >去实名认证</el-button></span>
            </div>
            <div class="userContent">
              <span  style="padding-left: 36px">证件号码：</span>
              <span><el-button type="primary" >去实名认证</el-button></span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import wsz from '@/assets/userMessage/wsz.png'
  import userReal from '@/assets/userMessage/userReal.png'

  export default {
    components: {

    },
    data() {
      return {
        wsz,
        userReal
      }
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
  .info{
    .configTop{
      width: 100%;
      height: 40px;
      .configTitle{
        font-size: 16px;
        color: #676A70;
        padding-left: 5px;
        border-left: 5px solid #25B6C7;
        height: 16px;
      }
    }
    .rightContent{
      width: 90%;
      height: 900px;
      margin-left: 200px;
      /*float: right;*/
      .Cheader {
        width: 100%;
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid #E7E7E7;
        .title {
          border-left: 5px solid #25B6C7;
        }
      }
      .content{
        width:100%;
        height: 600px;
        .userInfo{
          width: 600px;
          height: 120px;
          margin: 40px auto;
          .leftImg{
            width: 164px;
            height: 112px;
            float: left;

          }
          .righrUser{
            float: right;
            .userContent{
              width: 400px;
              height: 40px;
              line-height: 40px;
              font-family:MicrosoftYaHeiLight;
              font-weight:300;
              color:rgba(102,102,102,1);
              img{
                vertical-align: middle;
              }
              .yrz{
                font-size:12px;
                font-family:MicrosoftYaHei;
                font-weight:400;
                color:rgba(37,183,200,1);
              }
            }
          }
        }
      }
    }
    /deep/ .el-button--primary {
      height: 30px;
      font-size: 14px;
      padding: 6px 16px;
      background: #25B6C7;
      border-color: #25B6C7;
      margin-top: 10px;
    }
  }

</style>
